<!DOCTYPE html>
{% load static %}
<html lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>螃蟹的love</title>
    <meta name="viewport" content="width=device-width,initial-scale=1.0">
    <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <link rel="stylesheet" href="{% static 'css/kaidan_restaurant/style.css' %}">
    <link rel="stylesheet" href="{% static 'css/kaidan_restaurant_nav/kaidan_nav.css' %}">
    <link rel="stylesheet" href="{% static 'plugin/font-awesome-4.7.0/css/font-awesome.min.css' %}">
    <link rel="shortcut icon" href="{% static 'ico/love.ico' %}"/>
</head>
<style>
    li {
        list-style: none;
    }
</style>
<body>
<!--nav start-->
<div class="demo">
    <div class="container">
        <div class="row">
            <div class="col-md-12">
                <div class="navbar">点我变好看
                    <ul class="menu">
                        <li><a href="{% url 'home' %}" class="fa fa-home" aria-hidden="true"></a></li> <!--home-->
                        <li><a href="{% url 'personal_center' %}" class="fa fa-user-circle"></a></li> <!--个人中心-->
                        <li><a href="{% url 'crab_love_add' username=request.chart_web.user.username %}"
                               class="fa fa-paint-brush" aria-hidden="true"></a>
                        </li> <!--添加-->
                        <!-- 预览页面-->
                        <li><a href="{% url 'crab_love' %}" class="fa fa-refresh" aria-hidden="true"></a></li>
                        <!--刷新-->
                        <li><a href="" class="fa fa-trash" aria-hidden="true"></a></li><!--删除-->
                        <li><a href="" class="fa fa-link" aria-hidden="true"></a></li><!--分享链接-->

                        <li><a href="{% url 'search_article' %}" class="fa fa-search" aria-hidden="true"></a></li><!--搜索-->
                        <li><a href="" class="fa fa-link" aria-hidden="true"></a></li><!--上一页-->

                    </ul>
                </div>
            </div>
        </div>
    </div>
</div>
<!--nav end-->

{% for article in never_love_me %}
    <div class="box">
        <div class="imgBox">
            <img src="{% static 'images/up_down/4003.jpg_wh860.jpg' %}" alt="文章图片">
        </div>
        <div class="content">
            <h2>
            <!-- 详细内容-->
                <a href="{% url 'crab_article' pk=article.id %}" style="color: #0ceaf1">
                    {{ article.name }}
                    <br>
                </a>
                <span style="color: #ef052c">
                    {% if article.to_one %}
                        @{{ article.to_one }}
                    {% else %}
                        @说与微风听
                    {% endif %}
                </span>
                <br>

                <span style="color: #e3f307">{{ article.create_datetime }}</span><br>
                <span style="color: #c206f6" class="fa fa-thumbs-o-up"
                      aria-hidden="true">点赞 {{ article.Step_up }}</span>
                <span style="color: #f3020b" class="fa fa-thumbs-o-down"
                      aria-hidden="true">点踩 {{ article.Step_down }}</span>
            </h2>
        </div>
    </div>
{% endfor %}
<div>
    <nav aria-label="...">
        <ul class="pagination" style="margin-top: 0;">
            {{ page_html|safe }}
        </ul>
    </nav>
</div>
<script src="{% static 'js/kaidan_restaurant_nav/jquery.min.js(1).下载' %}"></script>
</body>

</html>